<!doctype html>
<html lang="en" ng-app="phonecatApp">
<head>
  <meta charset="utf-8">
  <title>Google Phone Gallery</title>
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/animations.css">

  <script src="../bower_components/jquery/dist/jquery.js"></script>
  <script src="../bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-animate/angular-animate.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="bower_components/angular-resource/angular-resource.js"></script>
  <script src="js/app.js"></script>
  <script src="js/animations.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/filters.js"></script>
  <script src="js/services.js"></script>
</head>
<body>
  <header class="header">
  </header>
  <div class="view-container container">
    <div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            <!--Sidebar content-->
            <div class="searchbox form-group">
                <input class="form-control" ng-model="query">
                <button class="btn-search btn-defaultSet glyphicon glyphicon-search"></button>
            </div>
            <div class="sortbox form-group">
                <select class="form-control" ng-model="orderProp">
                    <option value="name">Alphabetical</option>
                    <option value="age">Newest</option>
                </select>
                <button class="btn-search btn-defaultSet glyphicon glyphicon-align-left"></button>  
            </div>
        </div>
        <div class="col-md-10">
            <!--Body content-->
            <ul class="phones">
              <li ng-repeat="phone in Phones| filter:query | orderBy:orderProp" class="thumbnail phone-listing">
                    <a href="#/phones/{{phone.username}}">hhh</a>
                    <p>{{phone.password}}</p>
                    <div class="operate-box pull-right clearfix">
                        <a href="#">Edit&nbsp;&nbsp;|</a>
                        <a href="#">&nbsp;Delete</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

  </div>
  <button class="btn-add btn-defaultSet">+</button>
</body>
</html>
